/* wangeditor富文本编辑器
------------------------------- */
.w-e-toolbar {
	border: 1px solid #ebeef5 !important;
	border-bottom: 1px solid #ebeef5 !important;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	z-index: 2 !important;
}
.w-e-text-container {
	border: 1px solid #ebeef5 !important;
	border-top: none !important;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 1 !important;
}

/* web端自定义截屏
------------------------------- */
#screenShotContainer {
	z-index: 9998 !important;
}
#toolPanel {
	height: 42px !important;
}
#optionPanel {
	height: 37px !important;
}


/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}

.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}

.flex1,.flex-sub {
	flex: 1;
}

.flex-twice {
	flex: 2;
}

.flex-treble {
	flex: 3;
}

.flex-direction-column {
	flex-direction: column;
	.flex1{
		flex: inherit;
	}
}

.flex-direction-row-reverse {
	flex-direction: row-reverse;

}

.flex-direction-column-reverse {
	flex-direction: column-reverse;
	.flex1{
		flex: inherit;
	}
}
.flex-nowrap{
	flex-wrap: nowrap;
}
.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-reverse {
	flex-wrap:wrap-reverse;
}


.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
.scroll-view{
	overflow-x: auto;
	flex-wrap: nowrap;
	flex-direction: row !important;
	>[class*="diygw-col-"]{
		flex-shrink: 0;
	}
}
.flex-shrink-0{
	flex-shrink: 0;
}
.text-center{
	text-align: center;
}
.diygw-input-addon{
	.el-input-group__append {
		width: 35px !important;
		padding: 0 5px;
		background-color: #fff;
	
		.el-icon-plus {
		  border: 1px solid var(--el-input-border);
		  border-radius: var(--el-input-border-radius,var(--el-border-radius-base));
		  padding: 2px;
		}
	}
}
